<template>
  <div class="main">
    <div>
      <nav  v-for="item in menus" :key="item.path">
        <router-link router-link :to="item.path">{{item.name}}</router-link>
      </nav>
    </div>
  <router-view/>
  </div>
</template>

<script>
import menus from './moduleRoute';

export default {
  computed: {
    menus() {
      return menus;
    },
  },
};
</script>

<style lang="scss" scoped>
.main {
  display: flex;
}
  nav {
    padding-bottom: 24px;
  }
</style>
